import React, { Component } from 'react';
import './Denglu.scss'
class Denglu extends Component {
    constructor(props) {
        super(props);
        this.state = {
           
        }
    }
    changeValue = (e) => {

        this.setState({
            [e.target.name]: e.target.value

        })


    }
    oo = (e) => {

        e.preventDefault();
        // 将表单数据转换为查询参数格式
        const params = new URLSearchParams();
        params.append('account', this.state.account);
        params.append('adminPwd', this.state.adminPwd);

        // 请求登录接口
        React.axios.post(`/store-manage/w2003/admin_sign-in.php`, params).then(res => {
            console.log(res.data);
        // //     // 如果包含登录成功的文本，则跳转到管理首页
            if (typeof (res.data) === "object") {
        // //         // 通过会话存储设置昵称
                sessionStorage.setItem('nickname', res.data.nickname);
        // //         // 执行跳转到管理首页的方法

                this.props.yu()
            }
        //     // 提示服务器返回的错误
            else {
                alert(res.data);
            }
        });
    }
    render() {
        return (
            <div className='Loginin'>
                <div className="form">
                    <div>
                        <h2>管理员登陆</h2>
                        <label>用户名:</label>
                        <input type='text' placeholder='请输入用户名' value={this.state.userName}
                            onChange={this.changeValue} name="account"></input><br />
                        <label>密　码:</label>
                        <input type='text' placeholder='请输入密码' value={this.state.userName}
                            onChange={this.changeValue} name="adminPwd"></input><br />
                        <div  className="oo">
                            <button onClick={this.props.lo}>注册</button>
                            <button onClick={this.oo} >登录</button>
                        </div>
                    </div>
                   
                </div>
            </div>
        );
    }
}

export default Denglu;
